<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
			<link rel="stylesheet" type="text/css" href="../css/mui.css" />
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../css/find.css" />
		<link rel="stylesheet" type="text/css" href="../css/style.css" />
	</head>
	<body class="white">
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<header class="mui-bar mui-bar-nav ">
					<h1 class="mui-title">发现</h1>
				</header>
				<div class="mui-content white content">
					<div class="mon-message white">
						<div class="mon-title">
							<h3>
								36kr
								<span>早晚报</span>
							</h3>
							<div class="more">
								查看更多
							</div>

						</div>

						<div class="mon-body">
							<div class="mon-news">
								2022年2月中国手游发行商全球收入排行榜 腾讯、网易和米哈游前三
							</div>
							<div class="mon-time">
								昨天
							</div>
							<div class="mon-news">
								英特尔旗下Mobileye提交IPO申请，有望成今年美国市场规模最大IPO
							</div>
							<div class="mon-time">
								昨天
							</div>

						</div>
					</div>

					<div class="mui-table-view-cell">
						<a class="mui-navigate-right fw">
							精选话题
						</a>
					</div>
					<div class="topic">
						<div class="topic-box">
							<div class="topic-content">
								你怎么看2022苹果春季发布会
							</div>
							<div class="topic-info">
								<div class="topic-text">
									2人参与
								</div>
								<div>
									<img src="../img/ic_fing_topic.png">
								</div>

							</div>
						</div>
						<div class="topic-box">
							<div class="topic-content">
								你对2022苹果春季发布会还有那些期待?
							</div>
							<div class="topic-info">
								<div class="topic-text">
									6人参与
								</div>
								<div>
									<img src="../img/ic_fing_topic.png">
								</div>

							</div>
						</div>



					</div>


					<div class="mui-table-view-cell">
						<a class="mui-navigate-right fw">
							推荐主题
						</a>
					</div>


					<ul class="mui-table-view">


					</ul>





				</div>
			</div>
		</div>
	</body>


	<script src="../js/jquery.js" type="text/javascript" charset="utf-8">
	
	</script>
	<script src="../js/myurl.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		(function($) {
			$(".mui-scroll-wrapper").scroll({
				//bounce: false,//滚动条是否有弹力默认是true
				//indicators: false, //是否显示滚动条,默认是true
			});
		})(mui);
		
		$.post({
			url: myurl+'/view/guoji',
			dataType: 'json',
			success: (res) => {

				let htmlStr = ''
				res.forEach(item => {
					htmlStr += `
				<li class='mui-table-view-cell'>
				
				<div class="news-item">
											<div class="news-pic">
												<img
													src=${item.pic}>
			
											</div>
			
											<div class="news-info">
												<div class="news-title">
													${item.title}
												</div>
			
												<div class="news-form">
													<div class="autor">
														${item.src}
													</div>
													<div class="news-time">
														<i></i>
														${item.time}
													</div>
												</div>
											</div>
			
										</div></li>`


					$('.mui-table-view').html(htmlStr)
				})
			}



		}
		)
	</script>
</html>
